<script>document.cookie="last=pages/interaccionaplicaciones.php";</script>

<p class="xl">Interacción entre aplicaciones</p>
<p>Una de las interacciones más comunes es "copiar y pegar", que implica seleccionar un texto, copiarlo en el portapapeles y pegarlo en otro elemento o aplicación. El portapapeles es una herramienta que permite almacenar temporalmente información.</p>
<?php if($_COOKIE['so']!='android') {?>
    <img src="img/puntero-seleccion.gif" align="left" class="separadoder" title="Puntero selección"></img>
    <p>Al posicionar el puntero sobre texto seleccionable, el primero se convierte en un 'puntero selección' como el de la imagen.</p>
    <p>Posicione el puntero sobre <b onmouseover="mostrar('seleccionar')">este texto</b> para continuar.</p>
    
    <div id="seleccionar" class="oculto">
        <p class="felicitacion">¡Felicitaciones, ha aprendido a reconocer texto seleccionable!</p>
        <p ondblclick="mostrar('dobleclic')">Hacer doble clic sobre una palabra selecciona esa palabra. Haga doble clic sobre cualquier palabra de este párrafo para continuar.</p>
    </div>

    <div id="dobleclic" class="oculto">
        <p class="felicitacion">¡Excelente, ha aprendido seleccionar una palabra!</p>
        <p id="parrafo" onclick="tripleClic(event)">Hacer triple clic sobre una palabra selecciona el párrafo completo. Haga triple clic sobre una palabra de este párrafo para continuar.</p>
    </div>

    <div id="tripleclic" class="oculto">
        <p class="felicitacion">¡Felicitaciones, ha aprendido a seleccionar un párrafo!</p>
        <p>Otra forma de seleccionar texto es hacer clic izquierdo al comienzo del texto que se quiere seleccionar, mover el puntero manteniendo presionado el botón y soltarlo al alcanzar el final de lo que se desea seleccionar.</p>
        <p>Al hacer clic derecho sobre el texto seleccionado, aparece un menú contextual con la opción 'Copiar' y al hacer clic derecho sobre una caja de texto aparece un menú contextual con la opción 'Pegar'.</p>
        <p>Para continuar seleccione el siguiente <b title="Seleccione este texto, haga clic derecho y elija 'Copiar'">texto en negrita</b> haga clic derecho sobre la selección, elija 'Copiar', haga clic derecho sobre la caja de texto, elija 'Pegar' y haga clic sobre el botón Continuar.</p>
        <table><tr><td>
            <textarea id="pegar" onkeydown="return false" onkeypress="return false" onkeyup="return false" onfocus="this.value=''" title="Haga clic derecho y elija 'Pegar'"></textarea>
        </td><td>
            <a href="#fondo" class="boton smoothScroll" onclick="if(equals('pegar','texto en negrita')){mostrar('final')}else{window.alert('Por favor copie y pegue el texto en negrita.');borrar('pegar');enfocar('pegar');}">Continuar</a>
        </td></tr></table>
    </div>
<?php }?>

<?php if($_COOKIE['so']=='android') {?>
    <p>Hacer clic largo sobre un texto lo selecciona y abre un menú de edición con algunos de los siguientes iconos (de izquierda a derecha): Copiar, Cortar, Pegar, Seleccionar todo y Compartir.</p>
    <img src="img/android-icons.png" title="Iconos de edición"></img>
    <p>Al hacer clic largo sobre una caja de texto aparece un menú contextual con la opción 'Pegar'.</p>
    <p>Para continuar haga clic largo sobre este párrafo, seleccione el siguiente <b title="Seleccione este texto y presione 'Copiar'">texto</b>, presione el icono Copiar, haga clic largo sobre la caja de texto, presione 'Pegar' y haga clic sobre el botón Continuar.</p>
    <table><tr><td>
        <textarea id="pegar" onkeydown="return false" onkeypress="return false" onkeyup="return false" onfocus="this.value=''" title="Haga clic largo y presione 'Pegar'"></textarea>
    </td><td>
        <a href="#fondo" class="boton smoothScroll" onclick="if(equals('pegar','texto')){mostrar('final');}else{window.alert('Por favor copie y pegue el texto en negrita.');borrar('pegar');enfocar('pegar');}">Continuar</a>
    </td></tr></table>
<?php }?>

<div id="final" class="oculto">
    <p class="felicitacion">¡Excelente, ha aprendido a copiar y pegar!</p>
    <p class="siguiente">Haga clic en el siguiente enlace para <a href="#" onclick="load('pages/reproduccionvideos.php');levelUp('4');">seguir aprendiendo</a>.</p>
</div>
